<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>Cursos Prefacultativos</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" type="text/css" href="css/main.css">
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                var hash = document.location.hash;
                var prefix = "tab_";
                if (hash) {
                    $('.nav-tabs a[href=' + hash.replace(prefix, "") + ']').tab('show');
                }

                $('.nav-tabs a').on('shown.bs.tab', function(e) {
                    window.location.hash = e.target.hash.replace("#", "#" + prefix);
                });

                $('#myTabs a').click(function(e) {
                    e.preventDefault();
                    $(this).tab('show');
                });
            });
        </script>
    </head>
    <body>  
        <div class="wrapper">
            <header>
                <h1 class="title">Cursos Prefacultativos - FCYT</h1>
                <nav>
                    <ul>
                        <li><a href="http://www.fcyt.umss.edu.bo">FCYT</a></li>
                        <li><a href="http://sagaa.fcyt.umss.edu.bo/admision/noticias.php">ADMISIONES</a></li>
                        <li><a href="http://www.umss.edu.bo">UMSS</a></li>
                    </ul>
                </nav>
            </header>
            <div class="page">
                <aside>
                    <div class="list-group">
                        <a href="index.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-home"></span></span>
                            Inicio
                        </a>
                        <a href="convocatoria.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-list"></span></span>
                            Convocatoria
                        </a>
                        <a href="cronograma.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-calendar"></span></span>
                            Cronograma
                        </a>
                        <a href="documentos.html" class="list-group-item active">
                            <span class="badge"><span class="glyphicon glyphicon-file"></span></span>
                            Documentos
                        </a>
                        <a href="formulario.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-list-alt"></span></span>
                            Formulario
                        </a>
                        <a href="reglamento.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-book"></span></span>
                            Reglamento
                        </a>
                        <a href="contactos.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-phone-alt"></span></span>
                            Lugares Y Contactos
                        </a>
                    </div>
                </aside>
                <div class="content">
                    <div style="float: right; width: 100%; padding-bottom: 30px;">
                        <ul class="nav nav-tabs nav-justified" id="myTabs">
                            <li class="active"><a href="#carnet">Carnet de Identidad</a></li>
                            <li class=""><a href="#escolar">Documentos Escolares</a></li>
                            <li class=""><a href="#fotos">Fotografias</a></li>
                        </ul>
                        <div class="tab-content" style="padding-top: 20px; text-align: justify;">
                            <div class="tab-pane active" id="carnet">
                                <p>Para la inscripcion se requiere la fotocopia de este documento para:
                                <ul>
                                    <li>El postulante.</li>
                                    <li>El padre o apoderado del postulante.</li>
                                </ul>
                                </p>
                                <div class="col-lg-6">
                                    <h3>Requisitos</h3>
                                    <p>Los requisitos estan listados en el siguiente enlace: <br/><a href="http://www.segip.gob.bo/web/index.php/requisitos-para-obtener-la-cedula-de-identidad">Requisitos para obtener carnet de identidad</a></p>
                                    <img src="img/carnet.jpg" alt="Carnet de Identidad" width="350" class="img-thumbnail"/>
                                </div>
                                <div class="col-lg-6">
                                    <h3>Segip</h3>
                                    <p>Es el lugar donde puede conseguir una Cedula de Identidad, esta oficina esta ubicada en:</p>
                                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3807.823013074691!2d-66.13569434047548!3d-17.3722474405402!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x93e376a69f7a3dfd%3A0x57d1d46e25f21fff!2ssegip!5e0!3m2!1ses!2s!4v1386220578947" width="400" height="300" frameborder="0" style="border:0"></iframe>
                                </div>
                            </div>
                            <div class="tab-pane" id="escolar">
                                <p>
                                    Para la inscripcion al curso prefacultativo el estudiante debe demostrar que cursa el ultimo curso de secundaria y debe presentar uno de estos documentos como comprobante.
                                </p>
                                <div>
                                    <div class="col-lg-6">
                                        <fieldset>
                                            <legend>Libreta Escolar</legend>
                                            <p>Otorgada por el colegio al vencer cada curso por el colegio del postulante.</p>                                    
                                            <center>
                                                <img src="img/boletadecalificaciones.png" alt="Libreta Escolar" width="350" class="img-thumbnail"/>
                                            </center>
                                        </fieldset>
                                    </div>
                                    <div class="col-lg-6">
                                        <fieldset>
                                            <legend>Titulo de Bachiller</legend>
                                            <p>A partir del 2011 los colegios la entregan al momento de graduarse.</p>
                                            <p>Si fue bachiller antes del 2011, el diploma de bachiller lo expide la universidad.
                                                Requisitos en el siguiente enlace: <a href="http://fcyt.umss.edu.bo/tramites/#bachiller">Tramites libreta de titulo de bachiller</a></p>
                                            <center>
                                                <img src="img/bachiller1.jpg" alt="Titulo de bachiller" width="350" class="img-thumbnail" style="margin-bottom: 50px"/>
                                            </center>
                                        </fieldset>
                                    </div>
                                </div>
                                <div>
                                    <div class="col-lg-6">
                                        <fieldset>
                                            <legend>Boletin de Calificaciones</legend>
                                            <p>Son entregados por los colegios trimestralemente indicando las notas de los estudiantes y el grado que cursan actualmente.</p>
                                            <center>
                                                <img src="img/boletadecalificaciones.png" alt="Boleta de Calificaciones" width="350" class="img-thumbnail"/>
                                            </center>
                                        </fieldset>
                                    </div>
                                    <div class="col-lg-6">
                                        <fieldset>
                                            <legend>Carta del colegio<span style='color:red;margin-right:2em; display:inline-block;'>&nbsp;</span>
                                                <a href="documents/plantilla.dotx">
                                                    <button id="docs2" type="button" class="btn btn-default btn-xs">
                                                        Descargar Plantilla <span class="glyphicon glyphicon-download"></span> 
                                                    </button>
                                                </a>
                                            </legend>
                                        </fieldset>
                                        <p>Si no se contara con los anteriores papeles se puede presentar una carta del colegio certificando que el estudiante cursa el ultimo anio de secundaria.</p>
                                        <center>
                                            <img src="img/carta.jpg" alt="Carnet escolar" width="350" class="img-thumbnail"/>
                                        </center>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="fotos">
                                <div class="col-lg-6">
                                    <fieldset>
                                        <legend>Fotografia Fisica</legend>
                                        <p>Esta fotografia sera entregada junto con los otros documentos el dia de la inscripcion. Debe cumplir los siguientes requerimientos:</p>
                                        <ul>
                                            <li>Tamanio: 4X4</li>
                                            <li>Fondo: Blanco</li>
                                        </ul>
                                        <p>Esta fotografia solo debera ser entregada la primera vez que te inscribes al curso prefacultativo. Si ya lo hiciste mas de una vez, no sera necesaria.</p>
                                    </fieldset>
                                </div>
                                <div class="col-lg-6">
                                    <fieldset>
                                        <legend>Fotografia Digital</legend>
                                        <p>Esta fotografia sera usada dentro del formulario principal al llenarlo. Puedes probar si la fotografia digital que tienes es valida aqui:</p>
                                        <p>Los requerimientos de esta fotografia son los siguientes:</p>
                                        <ul>
                                            <li>Dimension: 300x300 pixeles</li>
                                            <li>Tamanio: 50kb</li>
                                            <li>Fondo: Blanco</li>
                                            <li>Extension: JPG </li>
                                        </ul>
                                    </fieldset>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="push"></div>
        </div>
        <footer>
            <section>
                <p>&copy; 2013 - BraveSoft S.R.L.</p>
            </section>
        </footer>
    </body>
</html>
